@charset "utf-8";

@import "reset";
$font-size:40;

@function r($px){
    @return $px/$font-size*1rem;
}

html,body{
    
    width: 100%;
    height: 100%;
   
}

.web{
    width: 100%;
    height: 100%;
    position: relative;
    background: url('../img/wedding-bg.jpg')no-repeat;
    background-size:100% ;
}


#changeBtn{
    width: r(90);
    height: r(38);
    position: absolute;
    left: r(45);
    top: r(20);
    img{
        width: 100%;
        height: 100%;
    }
}

#guangdongMap{
    width: r(535);
    height: r(450);
    position: absolute;
    left: r(52);
    top: r(52);
    img{
        width: 100%;
        height: 100%;
    }
}


#changeBtn1{
    width: r(90);
    height: r(38);
    display: none;
    position: absolute;
    left: r(45);
    top: r(20);
    img{
        width: 100%;
        height: 100%;
    }
}

#hannanMap{
    width: r(535);
    height: r(450);
    position: absolute;
    left: r(46);
    top: r(52);
    display: none;
    img{
        width: 100%;
        height: 100%;
    }
}

#topmsg{
    width: r(326);
    height: r(140);
    position: absolute;
    right: r(27);
    top: r(360);
    p{
        font-size: r(26);
        text-align: right;
        color: #e7c598;
        span{
            font-size: r(40);
            
        }
    }
}
.lingqumsg{
    width: r(531);
    height: r(318);
    position: absolute;
    left: r(52);
    bottom: r(130);
    img{
        width: 100%;
        height: 100%;
    }
}
#searchBtn{
    width: r(318);
    height: r(45);
    position: absolute;
    left: 50%;
    margin-left: r(-159);
    bottom: r(62);
    img{
        width: 100%;
        height: 100%;
    }
}
#backBtn{
    display: inline-block;
    width: r(41);
    height: r(41);
    position: absolute;
    right: r(56);
    bottom: r(25);
    img{
        width: 100%;
        height: 100%;
    }
}
